#project data to HTML

[orcelito]

Working on my javascript for my web page. Turns out I have the perfect kind of setup to accomplish some of the project requirements, specifically with even handlers and user interactions

My website, conceptually, will load a different employee details page depending on what employee name is clicked on. But I need to load it dynamically (instead of hard-coding it) so that the user can add or delete employees & it'll be able to still load the relevant shit.

So! Only one employee details page, but depending on how it's loaded, it'll load a different employee's information. Still working on getting down Exactly how to do it (I'm thinking using URL parameters that'll read a different object depending on what ID is used)

It's entirely doable. In fact, it's probably extremely common to do in web pages. No one wants to hard-code information for every new object. Of course not. And thus the usefulness of dynamic javascript stuff.

I can do this. I can very much do this.

[mostlysignssomeportents]

What kind of bubble is AI?

My latest column for Locus Magazine is "What Kind of Bubble is AI?" All economic bubbles are hugely destructive, but some of them leave behind wreckage that can be salvaged for useful purposes, while others leave nothing behind but ashes:

https://locusmag.com/2023/12/commentary-cory-doctorow-what-kind-of-bubble-is-ai/

Think about some 21st century bubbles. The dotcom bubble was a terrible tragedy, one that drained the coffers of pension funds and other institutional investors and wiped out retail investors who were gulled by Superbowl Ads. But there was a lot left behind after the dotcoms were wiped out: cheap servers, office furniture and space, but far more importantly, a generation of young people who'd been trained as web makers, leaving nontechnical degree programs to learn HTML, perl and python. This created a whole cohort of technologists from non-technical backgrounds, a first in technological history. Many of these people became the vanguard of a more inclusive and humane tech development movement, and they were able to make interesting and useful services and products in an environment where raw materials – compute, bandwidth, space and talent – were available at firesale prices.

Contrast this with the crypto bubble. It, too, destroyed the fortunes of institutional and individual investors through fraud and Superbowl Ads. It, too, lured in nontechnical people to learn esoteric disciplines at investor expense. But apart from a smattering of Rust programmers, the main residue of crypto is bad digital art and worse Austrian economics.

Or think of Worldcom vs Enron. Both bubbles were built on pure fraud, but Enron's fraud left nothing behind but a string of suspicious deaths. By contrast, Worldcom's fraud was a Big Store con that required laying a ton of fiber that is still in the ground to this day, and is being bought and used at pennies on the dollar.

AI is definitely a bubble. As I write in the column, if you fly into SFO and rent a car and drive north to San Francisco or south to Silicon Valley, every single billboard is advertising an "AI" startup, many of which are not even using anything that can be remotely characterized as AI. That's amazing, considering what a meaningless buzzword AI already is.

So which kind of bubble is AI? When it pops, will something useful be left behind, or will it go away altogether? To be sure, there's a legion of technologists who are learning Tensorflow and Pytorch. These nominally open source tools are bound, respectively, to Google and Facebook's AI environments:

https://pluralistic.net/2023/08/18/openwashing/#you-keep-using-that-word-i-do-not-think-it-means-what-you-think-it-means

But if those environments go away, those programming skills become a lot less useful. Live, large-scale Big Tech AI projects are shockingly expensive to run. Some of their costs are fixed – collecting, labeling and processing training data – but the running costs for each query are prodigious. There's a massive primary energy bill for the servers, a nearly as large energy bill for the chillers, and a titanic wage bill for the specialized technical staff involved.

Once investor subsidies dry up, will the real-world, non-hyperbolic applications for AI be enough to cover these running costs? AI applications can be plotted on a 2X2 grid whose axes are "value" (how much customers will pay for them) and "risk tolerance" (how perfect the product needs to be).

Charging teenaged D&D players $10 month for an image generator that creates epic illustrations of their characters fighting monsters is low value and very risk tolerant (teenagers aren't overly worried about six-fingered swordspeople with three pupils in each eye). Charging scammy spamfarms $500/month for a text generator that spits out dull, search-algorithm-pleasing narratives to appear over recipes is likewise low-value and highly risk tolerant (your customer doesn't care if the text is nonsense). Charging visually impaired people $100 month for an app that plays a text-to-speech description of anything they point their cameras at is low-value and moderately risk tolerant ("that's your blue shirt" when it's green is not a big deal, while "the street is safe to cross" when it's not is a much bigger one).

Morganstanley doesn't talk about the trillions the AI industry will be worth some day because of these applications. These are just spinoffs from the main event, a collection of extremely high-value applications. Think of self-driving cars or radiology bots that analyze chest x-rays and characterize masses as cancerous or noncancerous.

These are high value – but only if they are also risk-tolerant. The pitch for self-driving cars is "fire most drivers and replace them with 'humans in the loop' who intervene at critical junctures." That's the risk-tolerant version of self-driving cars, and it's a failure. More than $100b has been incinerated chasing self-driving cars, and cars are nowhere near driving themselves:

https://pluralistic.net/2022/10/09/herbies-revenge/#100-billion-here-100-billion-there-pretty-soon-youre-talking-real-money

Quite the reverse, in fact. Cruise was just forced to quit the field after one of their cars maimed a woman – a pedestrian who had not opted into being part of a high-risk AI experiment – and dragged her body 20 feet through the streets of San Francisco. Afterwards, it emerged that Cruise had replaced the single low-waged driver who would normally be paid to operate a taxi with 1.5 high-waged skilled technicians who remotely oversaw each of its vehicles:

https://www.nytimes.com/2023/11/03/technology/cruise-general-motors-self-driving-cars.html

The self-driving pitch isn't that your car will correct your own human errors (like an alarm that sounds when you activate your turn signal while someone is in your blind-spot). Self-driving isn't about using automation to augment human skill – it's about replacing humans. There's no business case for spending hundreds of billions on better safety systems for cars (there's a human case for it, though!). The only way the price-tag justifies itself is if paid drivers can be fired and replaced with software that costs less than their wages.

What about radiologists? Radiologists certainly make mistakes from time to time, and if there's a computer vision system that makes different mistakes than the sort that humans make, they could be a cheap way of generating second opinions that trigger re-examination by a human radiologist. But no AI investor thinks their return will come from selling hospitals that reduce the number of X-rays each radiologist processes every day, as a second-opinion-generating system would. Rather, the value of AI radiologists comes from firing most of your human radiologists and replacing them with software whose judgments are cursorily double-checked by a human whose "automation blindness" will turn them into an OK-button-mashing automaton:

https://pluralistic.net/2023/08/23/automation-blindness/#humans-in-the-loop

The profit-generating pitch for high-value AI applications lies in creating "reverse centaurs": humans who serve as appendages for automation that operates at a speed and scale that is unrelated to the capacity or needs of the worker:

https://pluralistic.net/2022/04/17/revenge-of-the-chickenized-reverse-centaurs/

But unless these high-value applications are intrinsically risk-tolerant, they are poor candidates for automation. Cruise was able to nonconsensually enlist the population of San Francisco in an experimental murderbot development program thanks to the vast sums of money sloshing around the industry. Some of this money funds the inevitabilist narrative that self-driving cars are coming, it's only a matter of when, not if, and so SF had better get in the autonomous vehicle or get run over by the forces of history.

Once the bubble pops (all bubbles pop), AI applications will have to rise or fall on their actual merits, not their promise. The odds are stacked against the long-term survival of high-value, risk-intolerant AI applications.

The problem for AI is that while there are a lot of risk-tolerant applications, they're almost all low-value; while nearly all the high-value applications are risk-intolerant. Once AI has to be profitable – once investors withdraw their subsidies from money-losing ventures – the risk-tolerant applications need to be sufficient to run those tremendously expensive servers in those brutally expensive data-centers tended by exceptionally expensive technical workers.

If they aren't, then the business case for running those servers goes away, and so do the servers – and so do all those risk-tolerant, low-value applications. It doesn't matter if helping blind people make sense of their surroundings is socially beneficial. It doesn't matter if teenaged gamers love their epic character art. It doesn't even matter how horny scammers are for generating AI nonsense SEO websites:

https://twitter.com/jakezward/status/1728032634037567509

These applications are all riding on the coattails of the big AI models that are being built and operated at a loss in order to be profitable. If they remain unprofitable long enough, the private sector will no longer pay to operate them.

Now, there are smaller models, models that stand alone and run on commodity hardware. These would persist even after the AI bubble bursts, because most of their costs are setup costs that have already been borne by the well-funded companies who created them. These models are limited, of course, though the communities that have formed around them have pushed those limits in surprising ways, far beyond their original manufacturers' beliefs about their capacity. These communities will continue to push those limits for as long as they find the models useful.

These standalone, "toy" models are derived from the big models, though. When the AI bubble bursts and the private sector no longer subsidizes mass-scale model creation, it will cease to spin out more sophisticated models that run on commodity hardware (it's possible that Federated learning and other techniques for spreading out the work of making large-scale models will fill the gap).

So what kind of bubble is the AI bubble? What will we salvage from its wreckage? Perhaps the communities who've invested in becoming experts in Pytorch and Tensorflow will wrestle them away from their corporate masters and make them generally useful. Certainly, a lot of people will have gained skills in applying statistical techniques.

But there will also be a lot of unsalvageable wreckage. As big AI models get integrated into the processes of the productive economy, AI becomes a source of systemic risk. The only thing worse than having an automated process that is rendered dangerous or erratic based on AI integration is to have that process fail entirely because the AI suddenly disappeared, a collapse that is too precipitous for former AI customers to engineer a soft landing for their systems.

This is a blind spot in our policymakers debates about AI. The smart policymakers are asking questions about fairness, algorithmic bias, and fraud. The foolish policymakers are ensnared in fantasies about "AI safety," AKA "Will the chatbot become a superintelligence that turns the whole human race into paperclips?"

https://pluralistic.net/2023/11/27/10-types-of-people/#taking-up-a-lot-of-space

But no one is asking, "What will we do if" – when – "the AI bubble pops and most of this stuff disappears overnight?"

If you'd like an essay-formatted version of this post to read or share, here's a link to it on pluralistic.net, my surveillance-free, ad-free, tracker-free blog:

https://pluralistic.net/2023/12/19/bubblenomics/#pop

Image: Cryteria (modified) https://commons.wikimedia.org/wiki/File:HAL9000.svg

CC BY 3.0 https://creativecommons.org/licenses/by/3.0/deed.en

--

tom_bullock (modified) https://www.flickr.com/photos/tombullock/25173469495/

CC BY 2.0 https://creativecommons.org/licenses/by/2.0/

[roksik-dnd]

For everyone who asked: a dialogue parser for BG3 alongside with the parsed dialogue for the newest patch. The parser is not mine, but its creator a) is amazing, b) wished to stay anonymous, and c) uploaded the parser to github - any future versions will be uploaded there first!

UPD: The parser was updated!! Now all the lines are parsed, AND there are new features like audio and dialogue tree visualisation. See below!

Patch 7 dialogue is uploaded!

If you don't want to touch the parser and just want the dialogues, make sure to download the whole "BG3 ... (1.6)" folder and keep the "styles" folder within: it is needed for the html files functionality (hide/show certain types of information as per the menu at the top, jumps when you click on [jump], color for better readability, etc). See the image below for what it should look like. The formatting was borrowed from TORcommunity with their blessing.

If you want to run the parser yourself instead of downloading my parsed files, it's easy:

run bg3dialogreader.exe, OPEN any .pak file inside of your game's '\steamapps\common\Baldurs Gate 3\Data' folder,

select your language

press ‘LOAD’, it'll create a database file with all the tags, flags, etc.

Once that is done, press ‘EXPORT all dialogs to html’, and give it a minute or two to finish.

Find the parser dialogue in ‘Dialogs’ folder. If you move the folder elsewhere, move the ‘styles’ folder as well! It contains the styles you need for the color coding and functionality to keep working!

New features:

Once you've created the database (after step three above), you can also preview the dialogue trees inside of the parser and extract only what you need:

You can also listen to the correspinding audio files by clicking the line in the right window. But to do that, as the parser tells you, you need to download and put the filed from vgmstream-win64.zip inside of the parser's main folder (restart the parser after).

You can CONVERT the bg3 dialogue to the format that the Divinity Original Sin 2's Editor understands. That way, you can view the dialogues as trees! Unlike the html files, the trees don't show ALL the relevant information, but it's much easier to orient yourself in.

To get that, you DO need to have bought and installed Larian's previous game, Divinity Original Sin 2. It comes with a tool called 'The Divinity Engine 2'. Here you can read about how to unstall and lauch it. Once you have it, you need to load/create a project. We're trying to get to the point where the tool allows you to open the Dialog Editor. Then you can Open any bg3 dialogue file you want. And in case you want it, here's an in-depth Dialog Editor tutorial. But if you simply want to know how to open the Editor, here's the gist:

Update: In order to see the names of the speakers (up to ten), you can put the _merged.lsf file inside of the "\Divinity Original Sin 2\DefEd\Data\Public\[your project's name here]\RootTemplates\_merged.lsf" file path.

Feel free to ask if you have any questions! Please let me know if you modify the parser, I'd be curious to know what you added, and will possibly add it to the google drive.

[apod]

2025 May 1

MESSENGER's Last Day on Mercury Image Credit: NASA, Johns Hopkins Univ. APL, Arizona State Univ., CIW

Explanation: The first to orbit inner planet Mercury, the MESSENGER spacecraft came to rest on this region of Mercury's surface on April 30, 2015. Constructed from MESSENGER image and laser altimeter data, the projected scene looks north over the northeastern rim of the broad, lava filled Shakespeare basin. The large, 48 kilometer (30 mile) wide crater Janacek is near the upper left edge. Terrain height is color coded with red regions about 3 kilometers above blue ones. MESSENGER'S final orbit was predicted to end near the center, with the spacecraft impacting the surface at nearly 4 kilometers per second (over 8,700 miles per hour) and creating a new crater about 16 meters (52 feet) in diameter. The impact on the far side of Mercury was not observed by telescopes, but confirmed when no signal was detected from the spacecraft given time to emerge from behind the planet. Launched in 2004, the MErcury Surface, Space ENvironment, GEochemisty and Ranging spacecraft completed over 4,000 orbits after reaching the Solar System's innermost planet in 2011.

∞ Source: apod.nasa.gov/apod/ap250501.html

[thethirdromana]

PSA to fanfiction writers

Do your AO3 links appear like this:

https://archiveofourown.org/works/61989907

when you want them to appear like this:

Me too! It's very annoying!

(If you're not one of the people having this problem, please take a moment to appreciate your good fortune).

Thankfully, you can use tumblr's HTML editor to recreate the nicer-looking link box. Just copy the below and replace the bits in bold with the details of your own fic:

<p class="npf_link" data-npf='{"type":"link","url":"https://archiveofourown.org/works/61989907","display_url":"https://archiveofourown.org/works/61989907","title":"The Graves of the Wronged - romanathethird - Star Trek: Lower Decks (Cartoon) [Archive of Our Own]\n    ","description":"An Archive of Our Own, a project of the\n    Organization for Transformative Works","site_name":"archiveofourown.org"}'><a href="https://archiveofourown.org/works/61989907" target="_blank">The Graves of the Wronged - romanathethird - Star Trek: Lower Decks (Cartoon) [Archive of Our Own]     </a></p>

And then you can make your links beautiful again :)

[the-nox-syndicate]

SysNotes devlog 1

Hiya! We're a web developer by trade and we wanted to build ourselves a web-app to manage our system and to get to know each other better. We thought it would be fun to make a sort of a devlog on this blog to show off the development! The working title of this project is SysNotes (but better ideas are welcome!)

What SysNotes is✅:

A place to store profiles of all of our parts

A tool to figure out who is in front

A way to explore our inner world

A private chat similar to PluralKit

A way to combine info about our system with info about our OCs etc as an all-encompassing "brain-world" management system

A personal and tailor-made tool made for our needs

What SysNotes is not❌:

A fronting tracker (we see no need for it in our system)

A social media where users can interact (but we're open to make it so if people are interested)

A public platform that can be used by others (we don't have much experience actually hosting web-apps, but will consider it if there is enough interest!)

An offline app

So if this sounds interesting to you, you can find the first devlog below the cut (it's a long one!):

(I have used word highlighting and emojis as it helps me read large chunks of text, I hope it's alright with y'all!)

Tech stack & setup (feel free to skip if you don't care!)

The project is set up using:

Database: MySQL 8.4.3

Language: PHP 8.3

Framework: Laravel 10 with Breeze (authentication and user accounts) and Livewire 3 (front end integration)

Styling: Tailwind v4

I tried to set up Laragon to easily run the backend, but I ran into issues so I'm just running "php artisan serve" for now and using Laragon to run the DB. Also I'm compiling styles in real time with "npm run dev". Speaking of the DB, I just migrated the default auth tables for now. I will be making app-related DB tables in the next devlog. The awesome thing about Laravel is its Breeze starter kit, which gives you fully functioning authentication and basic account management out of the box, as well as optional Livewire to integrate server-side processing into HTML in the sexiest way. This means that I could get all the boring stuff out of the way with one terminal command. Win!

Styling and layout (for the UI nerds - you can skip this too!)

I changed the default accent color from purple to orange (personal preference) and used an emoji as a placeholder for the logo. I actually kinda like the emoji AS a logo so I might keep it.

Laravel Breeze came with a basic dashboard page, which I expanded with a few containers for the different sections of the page. I made use of the components that come with Breeze to reuse code for buttons etc throughout the code, and made new components as the need arose. Man, I love clean code 😌

I liked the dotted default Laravel page background, so I added it to the dashboard to create the look of a bullet journal. I like the journal-type visuals for this project as it goes with the theme of a notebook/file. I found the code for it here.

I also added some placeholder menu items for the pages that I would like to have in the app - Profile, (Inner) World, Front Decider, and Chat.

i ran into an issue dynamically building Tailwind classes such as class="bg-{{$activeStatus['color']}}-400" - turns out dynamically-created classes aren't supported, even if they're constructed in the component rather than the blade file. You learn something new every day huh…

Also, coming from Tailwind v3, "ps-*" and "pe-*" were confusing to get used to since my muscle memory is "pl-*" and "pr-*" 😂

Feature 1: Profiles page - proof of concept

This is a page where each alter's profiles will be displayed. You can switch between the profiles by clicking on each person's name. The current profile is highlighted in the list using a pale orange colour.

The logic for the profiles functionality uses a Livewire component called Profiles, which loads profile data and passes it into the blade view to be displayed. It also handles logic such as switching between the profiles and formatting data. Currently, the data is hardcoded into the component using an associative array, but I will be converting it to use the database in the next devlog.

New profile (TBC)

You will be able to create new profiles on the same page (this is yet to be implemented). My vision is that the New Alter form will unfold under the button, and fold back up again once the form has been submitted.

Alter name, pronouns, status

The most interesting component here is the status, which is currently set to a hardcoded list of "active", "dormant", and "unknown". However, I envision this to be a customisable list where I can add new statuses to the list from a settings menu (yet to be implemented).

Alter image

I wanted the folder that contained alter images and other assets to be outside of my Laravel project, in the Pictures folder of my operating system. I wanted to do this so that I can back up the assets folder whenever I back up my Pictures folder lol (not for adding/deleting the files - this all happens through the app to maintain data integrity!). However, I learned that Laravel does not support that and it will not be able to see my files because they are external. I found a workaround by using symbolic links (symlinks) 🔗. Basically, they allow to have one folder of identical contents in more than one place. I ran "mklink /D [external path] [internal path]" to create the symlink between my Pictures folder and Laravel's internal assets folder, so that any files that I add to my Pictures folder automatically copy over to Laravel's folder. I changed a couple lines in filesystems.php to point to the symlinked folder:

And I was also getting a "404 file not found" error - I think the issue was because the port wasn't originally specified. I changed the base app URL to the localhost IP address in .env:

…And after all this messing around, it works!

(My Pictures folder)

(My Laravel storage)

(And here is Alice's photo displayed - dw I DO know Ibuki's actual name)

Alter description and history

The description and history fields support HTML, so I can format these fields however I like, and add custom features like tables and bullet point lists.

This is done by using blade's HTML preservation tags "{!! !!}" as opposed to the plain text tags "{{ }}".

(Here I define Alice's description contents)

(And here I insert them into the template)

Traits, likes, dislikes, front triggers

These are saved as separate lists and rendered as fun badges. These will be used in the Front Decider (anyone has a better name for it?? 🤔) tool to help me identify which alter "I" am as it's a big struggle for us. Front Decider will work similar to FlowCharty.

What next?

There's lots more things I want to do with SysNotes! But I will take it one step at a time - here is the plan for the next devlog:

Setting up database tables for the profile data

Adding the "New Profile" form so I can create alters from within the app

Adding ability to edit each field on the profile

I tried my best to explain my work process in a way that wold somewhat make sense to non-coders - if you have any feedback for the future format of these devlogs, let me know!

~~~~~~~~~~~~~~~~~~

Disclaimers:

I have not used AI in the making of this app and I do NOT support the Vibe Coding mind virus that is currently on the loose. Programming is a form of art, and I will defend manual coding until the day I die.

Any alter data found in the screenshots is dummy data that does not represent our actual system.

I will not be making the code publicly available until it is a bit more fleshed out, this so far is just a trial for a concept I had bouncing around my head over the weekend.

We are SYSCOURSE NEUTRAL! Please don't start fights under this post

[archivlibrarianist]

"The Browser Extension

"Say hello to the Wayback Machine’s Browser Extension.

"It’s available for Chrome, Edge, Firefox, and Safari.

"This free tool is an easy and very fast way to determine directly from your browser if an archived version of the content (HTML web page, PDF, etc.) has been archived (at least once). If a copy/copies is/are available, accessing it/them can be done within seconds and with minimal effort. No cutting and pasting needed. "

[sebstanaddict]

The Debuggers Assemble

Sebastian Stan x Reader Unhinged One Shot (Feat. The Avengers)

Summary : Behold! The 2nd version of this chaotic and unhinged story of Seb as a wannabe coder and this one features the Avengers!

A/N: This is just another stress induced story I came up with as I try to debug actual code on my project XD Hope you guys like it.

Warning: none at all, just an all out funny, unhinged and ridiculous story, somewhat like a sitcom XD

Word count: 1.7k words

Read more Sebastian and Bucky one shots here

---

It started as a normal Tuesday. Y/n was working on a client's website, surrounded by empty soda cans, a half-eaten granola bar, a cup of coffee that had been refilled countless times, and the dim hope that this web application project wouldn't kill her. She was almost done when she hit a wall—an infuriating wall in the form of a bug so elusive it might as well have been a mythological creature.

"What in the name of Jeff Bezos is wrong with you?!" she yelled at her laptop, slamming her hands on the desk.

"BOOM, BABY!"

She jumped, nearly knocking over her coffee as Sebastian burst into the room like Kramer from Seinfeld. He was wearing an Avengers bathrobe, a Viking helmet, and inexplicably wielding a hockey stick.

"Seb," she said, already exhausted by his mere presence. "What are you doing?"

"Helping," he said, dramatically tossing the hockey stick aside. It hit a lamp, causing it to crash to the floor.

"You're not helping. You're breaking my furniture."

"Pfft. Material possessions are temporary. But debugging is eternal."

"No," she said firmly. "Not this time. You're not touching my laptop. The last time you helped, the TV turned on by itself, showed me a cooking tutorial in Portuguese, and called me by name."

Sebastian gasped, clutching his chest like she'd insulted his honor. "You loved that tutorial. You said the flan recipe looked great."

"That's not the POINT!"

"Come on," he said, sitting next to her and grinning like a kid who just found a pack of fireworks. "I'm serious. Let me help."

She gave him a withering look. "Do you even know what CSS stands for?"

"D'uh. It's..." He paused, clearly making something up on the spot. "Cool, uh... Code... Stuff."

Y/N smirked. "What about HTML? Know what it is?"

"Of course I do," he said confidently. "It's... um... Hot Tacos Make Life better?"

She stared at him, deadpan. "Seb, I bet you don't even know what Javascript is."

"No, but I know about.. scripts?" He answered innocently and she rolled her eyes.

"Seb, just leave me alone and do whatever it was you were going to do with this.. outfit." She said, gesturing towards his Viking helmet.

But Sebastian ignored her, dragging his chair closer to her. "No way. I can help. I've acted as a hacker in movies. I know all about... coding stuff."

"Seb, no you haven't, and do NOT touch my laptop." She warned.

"Relax, babe. Let me at least look at it."

She reluctantly slid the laptop toward him. "Fine. But if you break something, you're sleeping on the couch."

Sebastian cracked his knuckles, grinning. "Alright, let's see what we've got here."

He squinted at the code for a solid thirty seconds like it was written in ancient Greek. "So, what's the problem?"

She sighed. "The JSON data isn't parsing correctly."

"JASON? Who's Jason?"

She groaned. "JSON. JavaScript Object Notation. It's a way to structure data."

Sebastian's face lit up. "Got it. So, it's like... Legos?"

"Sure, whatever helps you sleep at night." she rolled her eyes.

Sebastian cracked his knuckles and typed furiously.

—

<script>

let data = {

name: "Sebastian",

talent: "Acting",

debuggingSkill: "undefined"

};

console.log("Fixing everything like a boss"); // Motivational

data += "magic sauce"; // This'll work, right?

alert("IT WORKS... probably.");

</script>

—

He hit "Save" and refreshed the page. The screen went completely white, then flashed red like it was possessed.

"What did you do?!" she screamed.

"Magic sauce!" Sebastian said, pointing at the code.

"Magic sauce?! That's not a thing!"

"Not with that attitude," he muttered.

"Just give it back." She said, trying to grab the laptop back but he held it tight.

"No, no, babe. Let me try something else." He insisted, holding the laptop hostage.

She sighed, "Fine, just one more thing and if it doesn't work, give it back to me."

"Okay, okay, hold on. This will work. I can feel it!" He said enthusiastically, his fingers typing furiously.

—

<script>

let data =[ {

name: "Y/n",

character: "beautiful",

debuggingSkill: "powerful"

},

name: "Sebastian",

character: "chaotic",

debuggingSkill: "questionable"

},];

let love = data["Y/n"] + data["Sebastian"];

console.log("Y/n, you're the light of my life, and this code is dedicated to you.");

alert("Success, just like us.");

</script>

—

"Seb, that's not how you call JSON data." She protested but she couldn't keep a smile from escaping from her lips.

"Sometimes you have to go outside the box. Besides, love fixes everything." He said, winking at her and she rolled her eyes. He then pressed enter with a dramatic flourish.

The website blinked. The error message was gone, the navigation bar worked, the grid was perfect, the contact form sparkled like it had been kissed by the gods.

Sebastian turned to her with a smirk. "Told you. Love fixes everything."

Y/n's jaw dropped. "Wait... did you just—"

Before she could finish, the screen exploded into chaos. Every element on the page multiplied, filling the screen with hundreds of buttons labeled "Love you, Y/n" and an animated gif of a dancing cat in a tuxedo.

Sebastian leaned back, hands behind his head. "Well, it's the thought that counts."

She buried her face in her hands. "This is a nightmare."

"Okay, okay," he said, "Time to bring in the big guns."

Before she could grab the laptop back, Sebastian's hand flew over it again.

—

function callTheAvengers() {

alert("Avengers, assemble. We have a coding emergency.");

}

callTheAvengers();

—

"Seb, that's not gonna work." She protested.

"Wait for it." Sebastian said, raising his index finger to silence her and he hit the refresh button dramatically.

"Just give me the laptop back before I hit you with the hockey stick." She threatened.

"Babe, please. Trust me. Wait for it." He insisted and sure enough, suddenly she could hear the sound of a jet overhead. She glanced out the window and nearly fell out of her chair. The actual Quinjet was descending in the middle of their suburban street.

The neighbors were peeking out their windows in confusion, one even snapping pictures. "Sebastian, what did you do?!"

He smirked, "You saw the code, I called the Avengers."

Before she could protest, there was a knock at the door. Sebastian jumped up and opened it with a flourish.

Standing there were Steve Rogers, Tony Stark, Thor, Natasha Romanoff and Bruce Banner.

"We heard there was a coding emergency," Steve Rogers said seriously, stepping inside.

Y/n slapped her forehead. "Oh my God, I can't believe this is happening."

"What's the situation?" Tony asked, sunglasses on with a latte in hand.

Y/n sighed. "It's just a stupid JSON error."

"Ugh, JSON," Tony said, grimacing. "The silent killer of sanity. Move over."

Natasha Romanoff rolled her eyes. "Why am I even here? I don't code."

"Neither do I!" Thor announced, holding aloft his Mjolnir. "But I shall bring thunderous ideas!"

"Don't touch anything!" Y/n cried.

Bruce Banner set up his laptop. "Let's divide and conquer."

Sebastian handed everyone a keyboard which came out of nowhere and connected to nothing.. "Alright, team, let's do this."

Tony was the first to dive in.

"Alright, Y/n, let me show you how it's done." He typed on her laptop furiously:

—

<script>

function fixJSON() {

let billionDollars = true;

if (billionDollars) {

console.log("Hire someone else to fix it.");

} else {

console.log("Do it yourself, cheapskate.");

}

}

fixJSON();

</script>

—

"Tony," Y/n said, glaring, "that doesn't even make sense."

"It makes sense if you're a billionaire," he quipped. He hit refresh and the website turned all red and an iron man logo blinked in the middle.

Y/n slapped her forehead. "This is a nightmare."

"Here, let me try." Bruce Banner said. His approach was more... scientific.

"I think we need to test various inputs."

—

<script>

let gammaInput = [1, 2, "Hulk"];

let result = gammaInput.map(x => x + " smash");

console.log(result);

</script>

—

He hit refresh and the code ran. The screen displayed: '["1 smash", "2 smash", "Hulk smash"]'.

"Great, Bruce," Y/n said dryly. "Now my website is smashing things."

"You're welcome," he replied, adjusting his glasses.

Natasha sighed and leaned over. "Let me show you how to be efficient."

—

<script>

let secretSpyHack = () => {

console.log("Bug? What bug?");

};

secretSpyHack();

</script>

—

"That didn't do anything," Y/n pointed out.

Natasha shrugged. "Neither did I."

"Alright, alright, my turn." Steve said and he started typing with the enthusiasm of a soldier going in for battle.

—

function captainAmericaFix() {

let website = "running on freedom and justice";

let bugs = "punched out by the good ol' stars and stripes";

console.log("This code stands for something bigger.");

}

captainAmericaFix();

—

The website loaded. Patriotic music blared as an eagle soared across the screen, dragging the American flag behind it.

Y/n put her head on the desk. "I'm going to scream."

Thor stepped forward. "Stand aside, mortals! BEHOLD! I SHALL WRITE CODE AS MIGHTY AS MJOLNIR!"

He slammed Mjolnir onto the desk, causing the laptop to spark.

"Thor, no!" Y/n cried but Thor was already typing furiously.

—

<script>

let hammer = "Mjolnir";

function summonThunder() {

return hammer + " strikes!";

}

console.log(summonThunder());

</script>

—

He hit refresh and the website now displayed nothing but lightning bolts and the phrase "FOR ASGARD!" in Comic Sans.

Sebastian was laughing hysterically, tears streaming down his face. "This is the best debugging session ever!"

All of a sudden Peter Parker swung in through the window. "Hey, I heard there's a coding emergency?"

Tony groaned. "Of course the kid's here."

"Don't worry, I've got this!" Peter said, taking her laptop.

—

<script>

let webFix = bug => 'Spidey fixed ${bug}!';

console.log(webFix("JSON error"));

</script>

—

The website turned into a Spider-Man fan page.

Y/n buried her face in her hands. "I'm doomed."

"Enough!" Sebastian shouted, standing on a chair. "It's time for my genius to shine."

"Seb, NO!" she screamed.

"Seb, YES!" he yelled, typing with reckless abandon.

She glared at him as he continued to type nonsense but he suddenly stopped.

"Wait, I think you just missed a comma here." Sebastian said, deleting everything he typed before and adding the comma into her code.

He hit "Enter." The page refreshed. Miraculously, everything worked perfectly.

The room went silent. Even Tony looked impressed.

"How, how did you know?" She asked, her jaw dropped.

"Sometimes JSON is finicky like that." Sebastian shrugged.

Tony looked over his shoulder. "I was just about to say that."

As the Avengers packed up and left (after Tony insisted on taking credit for everything), Sebastian sat beside Y/n, who was still staring at her now-functioning website.

Sebastian leaned back on the chair, looking smug. "Told you I'd fix it."

"That was just beginner's luck." she shrugged.

"Oh come on, babe. What I did was genius." He insisted.

"I wouldn't say genius, but I think you know enough JSON now to be able to debug code."

"Yeah.. who's Jason again?" He asked, eyebrows furrowed and she threw a pillow at him.

"You're lucky I love you." She commented and he smiled as he pulled her by her waist and leaned in to kiss her.

For the rest of the day Sebastian strutted around the apartment, still wearing the Avengers bathrobe, Viking helmet and adding sunglasses while carrying a hockey stick and singing "We Are The Champions".

Y/n just stared at him and rolled her eyes, accepting her fate that she was dating a chaotic but somehow genius boyfriend and she wouldn't trade him for anything.

[catnipster69]

How to Include Any GIF and Make it Attributed

(When GIF Search Fails)

So, you want to include a cool GIF in your post, but the GIF search can't find it, even when you paste in the blog link. Or it's not the first GIF on the post.

Here's how you can manually attribute any GIF.

This is the code you need to paste in the HTML editor, with the bold values replaced for your GIF:

<div class="npf_row"><figure class="tmblr-full" data-tumblr-attribution="BLOGNAME:EMBEDCODE:TINYURL" data-orig-height="YYY" data-orig-width="XXX"><img src="IMAGELINK" data-orig-height="YYY" data-orig-width="XXX" srcset="IMAGELINK XXXw" sizes="(max-width: XXXpx) 100vw, XXXpx"></figure> </div>

Spoiler alert, my sample GIF code is:

For example:

Original GIF Post

1. I think it's easier to do this at the Archive version of the post. The Dash URL is: https://www.tumblr.com/catnipster69/742522018223865857/episode-10x17-the-werther-project So the Archive URL is: https://catnipster69.tumblr.com/post/742522018223865857/episode-10x17-the-werther-project

BLOGNAME

2. In this case, the blog name is catnipster69.

IMAGELINK

3. Right-click the GIF you want, and choose Inspect (I'm using Firefox on the Mac). The image info is highlighted, including the URL (IMAGELINK) and the Height (YYY) and Width (XXX). Double-click to copy the URL and note the height and width.

The IMAGELINK is: https://64.media.tumblr.com/bb8af2e018bbcae2c9d98a635d62b7f9/a71ee1dc9ce83755-7b/s540x810/22b3f901fc453dcd3ab546e53683059306041997.gifv

YYY is 422

XXX is 540

EMBEDCODE

4. Way up at the top right of the page, click the Embed button:

5. Copy the Embed text into a text editor:

6. The interesting bit is in bold (the EMBEDCODE):

The EMBEDCODE is: zTy22yYiZilmbgDRmty9HA

TINYURL

7. Still on the Embed page, right-click anywhere and choose Inspect (or choose Tools > Browser Tools > Web Developer Tools).

8. In the Search HTML field, search for tmblr.co. This should highlight a big block of gobbledygook:

9. Double-click the block and copy it to a text editor.

10. Search for the tmblr.co URL. The interesting bit is in bold (TINYURL):

The TINYURL is: ZYTx4ifDzzTk8y01

Phew!

Paste the GIF Code in the HTML Editor

11. When creating a new post, change to the HTML editor:

12. Paste in your code:

13. Check the Preview:

Final GIF

[dollmonster]

I got Berrie Skies' doll the other day and have been researching her for a few days. There's some things others have already pointed out like the Angus Chiang inspiration behind her CD-skirt and the Brain&Beast aux cable belt. Her bracelet is like a DIY project using recycled key caps and wire. I believe her earrings, which look like screw carabiners, are inspired by Gab Bois. They aren't computer-y but they do fall in line with her theme of recycling hardware. Her shoes are from UV-ZHU's NIKE-deconstruction series, again with a recycling theme. I couldn't find anything that exactly matched her circuit top but I do like Steven Rodrig's piece, Supporting Her Data. I also couldn't find an exact match for her glasses, just a lot of results for y2k shield sunglasses.

Her color theme reminds me of the iMac color Bondi blue, I wish she was a little closer to that color. There was also a line of fruit colored iMacs, including a blueberry color.

On her laptop, Berrie is editing HTML and CSS files which are what websites are made of. CSS files usually define the style of webpages but this file is showing info about google cloud API. I'm not sure if that's supposed to go in a CSS file as I only know how to write basic CSS. The HTML file looks like example code for how the "div align" element works. She might be the designer/programmer for RH's site or the Daily Shadow's website?

Regarding her name, I like the comparisons to the Raspberry Pi, so I've been calling her Berrie Pi :)

[dreadnotau]

So, what the heck's been going on with Dread Not?

First off, kind of a big announcement, the twitter is officially GONE. As "twitter" (x?) added a policy that starting from November 15th, all posts made by users would be fed to their AI algorithm, both my personal twitter as well as the Dread Not twitter are deleted, to prevent my content from being used to feed some shitty AI algorithm. Tumblr isn't exempt from this bullshit AI fad either, but at least they gave you a toggle to opt out of it. It's a low bar and yet sites keep not clearing it. Don't be afraid, though, I've downloaded the archive of the official twitter account and if the fancy strikes me (and if there's enough of a demand for it) I might mess around with the html and make a downloadable version of the Dread Not Twitter for anyone interested in having it as a remnant of that bygone era. I'd just have to find a way to scrub all my actual personal data from that account first though, lmao…

On a more serious note, you probably noticed the comic itself hasn't updated properly since, what, June? And that was only one page. Before then the last update was in September 2023, so it's been well over a year since proper, consistent content for this comic has been made. For that, I am genuinely sorry. I made a lot of false promises and with the update in June I hyped it up with being "finally back" and then held up none of what I promised. That sucks and I wish I had anyone else to blame, but it's all me and my shitty nonexistent work ethic. I COULD'VE finished Act 1 during the summer, but with the way my motivation for art works, I got swept up in other projects thinking I could make up for lost time eventually, and then just didn't. This sucks and I wish it hadn't happened, but here we are.

Moving forward is going to be difficult because of this. As mentioned, I have other projects I'm working on now, projects I'm arguably more invested in than Dread Not. If Dread Not was EASIER to make, it'd be less of a problem, but I've set up a kind of impossible standard for myself of putting my everything into every page. This makes it look phenomenal, I can't deny it, the last few pages have been some of my best work and I still look at them very fondly, but there's also an aspect of… what it is that I'm actually putting so much work into. I don't mean to diminish my own fiction here, but Dread Not was kind of made on a whim, and while it has themes I find interesting it's not as… deeply significant as some of my other work is, or at least is MEANT to be.

To use a metaphor to illustrate, Dread Not is like popcorn that I've painstakingly made a giant ornate bowl to serve it with, while my other projects are fully planned meals that I need to find a good way to serve, and if all my energy is spent trying to figure out how to make my popcorn snack presentable, what time does that leave to the Actual Full Course Meal I'm planning? I hope that metaphor makes sense, because popcorn is still good! It's tasty! You can make it really nice and spicy, but at the end of the day that's not a gourmet meal, and I'd like to try my hand at more serious (culinary) projects. Projects that require me to work not just physically, but also mentally, to explore more difficult themes that mean a lot more to me. And, don't get me wrong, Dread Not HAS interesting ideas in there, it's just that I haven't reached them yet because I've been so preoccupied with this fucking BOWL. The popcorn is cold now and I still haven't finished painting it's goddamn container. There's a reason you usually serve this stuff in a paper bag.

And, paper bag analogy is right, because if you've seen my latest art dump on my art blog, you might've seen a couple of different styles in one place. Flat colours, monochrome colours with an emphasis on shading, a general complete lack of backgrounds, etc. What I want from you, dear reader, is to tell me what YOU want from Dread not. There's no way for me to finish act 1 in a reasonable time frame without downgrading the art, so I want to know what kind of downgrade you're willing to put up with. My personal ideal would be if I could just release the remaining pages as just line-art with minimal shading, but I understand that's probably not what people want, so…

Here's a forum for you to weigh in! (I recommend filling it out after you read this whole post)

On a different note, I want to heavily stress that I'm not abandoning the project, it's just morphing into something different now. It kind of HAS to in order to survive. Originally, working on Dread Not was something I did between classes, it was my only real "organised" artistic outlet if you could call it that, but now that I'm going to school FOR art, something as demanding as a full comic is less an outlet and more a chore. Even WITH downgraded visuals, that's still time spent on something that's not getting me grades or recognition, and while it's fun I'm kind of planning on doing art as a career now, so fun projects have to be REALLY fun for me to still invest so much time into (again, refer back to how my shitass art motivation works). This is why Act 2 is now planned to be entirely text, like other fics I actually work on in my spare time as a Break from visual art. It's a continuation of Act 1 still, just as originally intended, but I'll be adjusting my original script for Act 2 to fit into the new format. I'm sorry if this is disappointing to anyone (if the visual downgrade for the end of act 1 wasn't enough), but this is the most reliable way I can get myself to actually work on Dread Not since, again, I don't think a "passion project" should be draining to think about.

All of the technical stuff about the comic/AU/fic ASIDE… I want to give a huge shoutout to everyone in the Dread Not Discord server. Despite all the hiatuses and despite all the Lack of content I've given them, the server's been decently active and we've even made stories and characters completely divorced from Dread Not or even Deltarune as a concept! It's a really nice group to be a part of and I'm eternally grateful that something I made attracted such creative and thoughtful and SKILLED people into one place to share new ideas and discuss old ones. It's just a great time all around, and I don't think I'd be where I am today if it weren't for that server, as corny and stupid as that may sound.

I'm sorry this ended up being kind of a damper of an announcement, but seeing the state this blog is in I think it's a little necessary to make a proper post addressing all the stuff that's been going on behind the scenes. I hate leaving ya'll in the dark, but I also know that these posts are really long and probably really boring so getting something like this every other week would probably be even more annoying than complete silence.

Again, thank you all for your patience and, by all means, weigh in on what you think should be done with this AU going forward.

-Kooki

PS - I'll announce my other projects when they're in a more presentable state, for now you'll have to wait for those too, sorry.

[aizawashuichi]

for anyone who wants to start using Obsidian for writing/plotting, here are some useful plugins I recommend:

Continuous Mode -> to open all the notes in a tab group as if they are a continuous scrollable document ("Scrivenings mode").

Date Inserter -> insert a date using a calendar.

Dictionary -> only English (US & UK), Hindi, Spanish, French, Japanese, Russian, German, Italian, Korean, Brazilian Portuguese, Arabic, Turkish, Chinese.

Edit History -> automatically saves the history of edits of a file.

Editing Toolbar -> more powerful text customization settings; MS Word-like toolbar.

Importer -> to import data from Notion, Evernote, Apple Notes, MS OneNote, Google Keep, Bear, Roam, and HTML files.

Local Backup -> automatically creates a local backup of your vault (Obsidian is local only).

LongForm -> to write long projects; lets you organize a series of notes and scenes, but it's useful even for shorter projects.

Novel word count -> display word count, page count, reading time, character count, note count & much more.

Omnisearch -> a search engine for your notes; better than the default one.

Remember cursor position -> for each note, so it makes it easier to switch between notes, move from a link to another, etc.

Smart Typography -> converts typographical symbols and punctuation marks to the correct ones as you type.

Timeline -> create and manage visual timelines.

Trash Explorer -> restore and delete files from the Obsidian .trash folder.

then just for aesthetic:

Beautitab -> create a customizable new tab view.

Style Settings -> allows css files to customize Obsidian or notes.

[illustrationismyhaven]

Try changing [Insert URL] and replace [Name] - Chapter # - [author] - [Fandom] [Archive of Our Own] Then go into html editor, paste it in After that, it should work --- <p class="npf_link" data-npf='{"type":"link","url": "[Insert URL]", "display_url": "[Insert URL]" ,"title":"\n [Name] - Chapter # - [author] - [Fandom] [Archive of Our Own]\n ", "description": "An Archive of Our Own, a project of the\n Organization for Transformative Works" ,"site_name":"archiveofourown.org"}'><a href="[Insert URL]" target="_blank"> [Name] - Chapter # - [author] - [Fandom] [Archive of Our Own] </a></p>

--- If it's helpful, you can keep this ask in your inbox for easy access --- Also, for extra clarity This:

<p class="npf_link" data-npf='{"type":"link","url": "https://archiveofourown.org/works/62975932/chapters/161412796","display_url":"https://archiveofourown.org/works/62975932/chapters/161412796","title":"\n Next-gen shenanigans - Chapter 3 - Doodlesnoodles - Psychonauts (Video Games) [Archive of Our Own]\n ", "description":"An Archive of Our Own, a project of the\n Organization for Transformative Works","site_name":"archiveofourown.org"}'><a href="https://archiveofourown.org/works/62975932/chapters/161412796" target="_blank"> Next-gen shenanigans - Chapter 3 - Doodlesnoodles - Psychonauts (Video Games) [Archive of Our Own]

Should result in what you wish for

All that to say,

Hope that helps ᵔᵜᵔ

Idk if I maybe just fucked it up/didn't do it correctly but it didnt work for me :( it just left a wall of text when I went to preview

[apod]

2024 April 6

Unwinding M51 Image Credit & Copyright: Data - Hubble Heritage Project, Unwinding - Paul Howell

Explanation: The arms of a grand design spiral galaxy 60,000 light-years across are unwound in this digital transformation of the magnificent 2005 Hubble Space Telescope portrait of M51. In fact, M51 is one of the original spiral nebulae, its winding arms described by a mathematical curve known as a logarithmic spiral, a spiral whose separation grows in a geometric way with increasing distance from the center. Applying logarithms to shift the pixel coordinates in the Hubble image relative to the center of M51 maps the galaxy's spiral arms into diagonal straight lines. The transformed image dramatically shows the arms themselves are traced by star formation, lined with pinkish starforming regions and young blue star clusters. Companion galaxy NGC 5195 (top) seems to alter the track of the arm in front of it though, and itself remains relatively unaffected by this unwinding of M51. Also known as the spira mirabilis, logarthimic spirals can be found in nature on all scales. For example, logarithmic spirals can also describe hurricanes, the tracks of subatomic particles in a bubble chamber and, of course, cauliflower.

∞ Source: apod.nasa.gov/apod/ap240406.html

[zipquips]

Hey very random feel free to ignore this but I saw in the toasty puter post in the tags that you mentioned coding! I love coding! So uh. What's it that you're coding on your hopefully soon to be less closer to its own heat death Laptop :)?

omg thank you for the reminder to actually change my computer settings!!! 🤞🤞🤞 my laptop chills the fuck out now (literally, lmao)

and thanks sm for the question!!! i've been doing some stuff in python for school assignments/research and html/css bc i want to remake my neocities website :)

(i haven't gotten anywhere with the neocities stuff tho bc my brain and eyes are usually fried after school, lmao)

my current research project feels very niche to me so i'm trying to figure out how i can describe it in a way that makes sense but also isn't too specific. this project is also new to me so i don't fully understand some of it. i also don't know what kind of coding experience you have. tldr: i'm sorry if this ends up being incoherent, lmao

it's essentially a couple of data analysis things?

i've been processing + plotting some data to look at the sun's intensity (power emitted per area) at different wavelengths. this gets me an intensity vs. wavelength graph. i'm doing this for really cool reasons but alas they are also really niche reasons :/

i've also been processing + plotting some images (this part has been the most difficult for me ;-;). they're essentially just images with some random and fake stars in the background. i'm isolating the parts of the image that occur at the wavelengths i'm interested in (this was the worst bc the images are just pixels so i had to figure out what pixels corresponded to what wavelengths etc. evil evil evil evil). anyway then i took my little isolated image and broke it up into even smaller pieces and averaged the intensities of all those (binned + averaged those bins). this was so i could go from a normal looking image to a graph with a single line of data (intensity vs. wavelength again)

from what i understand i'm supposed to compare these two intensity graphs and idk, have some revelations about my fake data? but idk how to do that so i will be asking my advisor for help on monday, lmao

anyway i hope this made sense? explained something? i think this would be so much easier to explain with images but i don't have anything other than my silly little niche graphs, sorry :(

lmk if you're confused or have questions about anything and i can try to clarify it :)

but! you like to code as well! what kind of stuff are you doing (or have done in the past)?

[racilablog]

Empower Your Future with Modern Tech Skills

In today’s fast-evolving tech world, learning the right skills can set you apart. Whether you're dreaming of building websites, diving into artificial intelligence, or exploring the power of data, the journey starts with the right guidance.

A example is Racila Softech, they believe in empowering learners with real-world knowledge taught by industry professionals. Their online courses are crafted for both beginners and professionals looking to upskill.

Courses You Can Explore:

AI & Machine Learning – Understand the future of intelligent systems.

Web Development – Master HTML, CSS, JavaScript, and full-stack with MERN.

Python & Java Programming – Build a solid foundation in coding.

Power BI & Data Science – Learn to analyze and visualize data effectively.

What makes their courses different? Interactive lessons Hands-on coding projects Expert mentorship Career-aligned learning paths

Whether you’re just starting out or aiming to level up, Racila Softech has a course that fits your goals.